<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
        
    <link rel="stylesheet" href="../css/admin.css">
    <link rel="stylesheet" href="../css/event trace.css">

    <script src="../utils/jquery-3.6.0.js"></script>

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous">
    </script>

</head>

<body>

    <div class="mainBox">
        <div id="main">
            <div class="tit">
                <h5 class="logs">追踪事件记录</h5>
            </div>
            <hr>
            <div class="criteriaTit">
                <h4>查询条件</h4>
            </div>
            <div class="criteria">
                <div class="form-group">
                    <label>事件编号：</label>
                    <input class="num searchInp" type="text">

                    <label class="lab2">事件分类：</label>
                    <select class="chose1">
                        <option>---请选择---</option>
                        <option>医疗医技</option>
                        <option>护理异常</option>
                        <option>输血不良</option>
                        <option>ICU病房</option>
                        <option>医疗器械</option>
                        <option>药物不良</option>
                    </select>

                    <label class="lab2">追踪状态：</label>
                    <select class="chose2">
                        <option>---请选择---</option>
                        <option>待处理</option>
                        <option>待通过</option>
                        <option>已通过</option>
                    </select>

                    <div class="closure">
                        <label>结案时间：</label>
                        <input class="inp1 date1" type="date">
                        <span>to</span>
                        <input class="inp2 date2" type="date">
                        <button type="button" class="btn btn-primary searchBtn">
                            查询
                        </button>
                        <button type="button" class="btn btn-primary del">
                            清除
                        </button>
                    </div>
                </div>
            </div>
            
            <div class="list">
                <h4>发起追踪事件列表</h4>
            </div>
            <!-- <div class="trackList"> -->
                
                <table class="table table-bordered table-striped table-hover">
                    <thead>
                        <tr>
                            <th class="fisCle">Id</th>
                            <th>不良事件编码</th>
                            <th>事件分类</th>
                            <th>上报日期</th>
                            <th>结案日期</th>
                            <th>追踪状态</th>
                            <th>操作</th>
                        </tr>
                    </thead>

                    <tbody>
                        <!-- <tr>
                            <td class="fisCle">1</td>
                            <td>GRBL20180319102942699</td>
                            <td>医疗医技</td>
                            <td>2018-04-16</td>
                            <td>2018-04-16</td>
                            <td>待处理</td>
                            <td>
                                <button>查看</button>
                                <button>下载</button>
                            </td>
                        </tr> -->
                    </tbody>
                    <!-- <tbody>
                        <tr>
                            <td class="fisCle">2</td>
                            <td>GRBL20180319102942699</td>
                            <td>护理异常</td>
                            <td>2018-04-16</td>
                            <td>2018-04-16</td>
                            <td>待处理</td>
                            <td>
                                <button>查看</button>
                                <button>下载</button>
                            </td>
                        </tr>
                    </tbody>
                    <tbody>
                        <tr>
                            <td>3</td>
                            <td>GRBL20180319102942699</td>
                            <td>输血不良</td>
                            <td>2018-04-16</td>
                            <td>2018-04-16</td>
                            <td>已通过</td>
                            <td>
                                <button>查看</button>
                                <button>下载</button>
                            </td>
                        </tr>
                    </tbody>
                    -->
                </table>
            <!-- </div> -->

            <div class="loct-right">
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li>
                            <a href="#" class="first">
                                <span>第一页</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="prev">
                                <span>&laquo;上一页</span>
                            </a>
                        </li>
                        <!--  <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li> -->
                        <li>
                            <a href="#" class="next">
                                <span>下一页&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>

        </div>
    </div>

    <div class="modal fade" id="editModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">管理员修改</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">Id</label>
                            <input disabled type="text" class="form-control editId">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">不良事件编码</label>
                            <input type="text" class="form-control editCode">
                        </div>
            
                        <div class="form-group">
                            <label for="exampleInputPassword1">事件分类</label>
                            <!-- <input type="text" class="form-control editCategory"> -->
                            <select class="form-control editCategory">
                                <option>医疗医技</option>
                                <option>护理异常</option>
                                <option>输血不良</option>
                                <option>ICU病房</option>
                                <option>医疗器械</option>
                                <option>药物不良</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">上报日期</label>
                            <input type="text" class="form-control editEscalation">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">结案日期</label>
                            <input type="text" class="form-control editClosure">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">追踪状态</label>
                            <!-- <input type="text" class="form-control editStatus"> -->
                            <select class="form-control editStatus">
                                <option>待处理</option>
                                <option>待通过</option>
                                <option>已通过</option>
                            </select>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary editSaveBtn">保存</button>
                </div>
            </div>
        </div>
    </div>


    <script>
        var oDiv = $('#u35');
        var oUl = $('#ul1');
        oDiv.click(function () {
            oUl.slideToggle()
        })
        $('.div2').click(function () {
            $('.ul2').slideToggle()
        })
        $('.div3').click(function () {
            $('.ul3').slideToggle()
        })
        $('.div4').click(function () {
            $('.ul4').slideToggle()
        })
        $('.div5').click(function () {
            $('.ul5').slideToggle()
        })
        $('.div6').click(function () {
            $('.ul6').slideToggle()
        })
    </script>
    
    <script src="../js/event trace.js"></script>

</body>

</html>